﻿@model DHQGHN.PM2.Models.Online.RESIDENT_UPLOAD_PM3
@{
    ViewBag.Title = "CollectResidentInfo";
    ViewBag.Group = "Quản lý thông tin cư dân";
    Layout = "~/Views/Shared/_LayoutNavBar.cshtml";
}

<script>
    @functions{
        public string GetAntiForgeryToken()
        {
            string cookieToken, formToken;
            AntiForgery.GetTokens(null, out cookieToken, out formToken);
            return cookieToken + "," + formToken;
        }
    }
    $(document).ready(function () {
        var dataSend = {
            'residentId': 'DS40'
        };
        //luu thong tin bien tam finished
        //$('#hiddennextHouseHoldId').val(nextHouseHoldId);
        $.ajax({
            url: '@Url.Action("GetInfo")',
            dataType: 'html',
            method: 'get',
            cache: false,
            headers: {
                'VerificationToken': '@GetAntiForgeryToken()'
            },
            data: dataSend,
            success: function myfunctionSuccess(data, textStatus, jqXHR) {
                $('#loadPartial').html(data);
                $('#headerCauHoi').text('Thông tin của: ' + fullname);
            },
            error: function (jqXHR, textStatus, errorThrown) {
                alert('Có lỗi xảy ra trong quá trình đăng nhập: ' + errorThrown);
            }

        });
        //Checkid(id);
        $("#divLoading").show();
    });
    jQuery(function ($) {
        Tooltip();
        $("#divLoading").show();
        @*$('#headerCauHoi').text('Thông tin của: ' + $('#row' + '@Model.thongTinCaNhan.RESIDENT_ID').attr('house_hold_name'));*@
        $("#RS").text("@Model.thongTinCaNhan.RESIDENT_ID");
        var re = $("#RS").text();
        var valData = $("#KQ").text();
        var a = valData.split(',');
        for (var i = 1; i < a.length; i++) {
            if (re == a[i]) {
                //$("#row" + id + " button").addClass("btn btn-link");
                $("#row" + re + " button").addClass("clickresident");

            } else {
                $("#row" + a[i] + " button").removeClass("clickresident");

            }

        }
        var code = $("#CODE").val();
        var tinh = $("#CODE").val().substring(0, 2);
        var huyen = $("#CODE").val().substring(0, 5);
        if (code != "") {
            $("#TINHAD").val(tinh);
        }
        else {
            $("#divLoading").hide();
        }
        if ($("#TINHAD").val() != "-1") {
            $.ajax({
                type: 'POST',
                url: '@Url.Action("GetAdministrativeUnit1")', // we are calling json method
                headers: {
                    'VerificationToken': '@GetAntiForgeryToken()'
                },
                dataType: 'json',

                data: {
                    code: $("#TINHAD").val(),
                    level: '2'
                },
                success: function (states) {
                    $("#HUYENAD").append('<option value="' + '-1' + '">' +
               '-- Chọn Huyện --' + '</option>');
                    $.each(states, function (i, state) {
                        $("#HUYENAD").append('<option value="' + state.Value + '">' +
                             state.Text + '</option>');
                    });

                },
                complete: function () {
                    $("#HUYENAD").val(huyen);
                    $("#XAAD").empty();
                    $("#XAAD").append('<option value="' + '-1' + '">' +
                        '-- Chọn Xã --' + '</option>');
                    $.ajax({
                        type: 'POST',
                        url: '@Url.Action("GetAdministrativeUnit1")', // we are calling json method
                        headers: {
                            'VerificationToken': '@GetAntiForgeryToken()'
                        },
                        dataType: 'json',

                        data: {
                            code: $("#HUYENAD").val(),
                            level: '3'
                        },
                        // here we are get value of selected country and passing same value
                        //  as inputto json method GetStates.

                        success: function (states) {
                            // states contains the JSON formatted list
                            // of states passed from the controller
                            $.each(states, function (i, state) {
                                $("#XAAD").append('<option value="' + state.Value + '">' +
                                    state.Text + '</option>');

                                // here we are adding option for States
                            });

                        },
                        complete: function () {
                            $("#XAAD").val(code);
                            $("#divLoading").hide();
                        },
                        error: function (ex) {
                            alert('Failed to retrieve states.' + ex);
                        }
                    });
                },
                error: function (ex) {
                    alert('Failed to retrieve states.' + ex);
                }
            });
        }
        else {
            $("#HUYENAD").append('<option value="' + '-1' + '">' +
               '-- Chọn Huyện --' + '</option>');
            $("#XAAD").append('<option value="' + '-1' + '">' +
                 '-- Chọn Xã --' + '</option>');
        }
        $("#TINHAD").change(function () {
            $("#divLoading").show();
            $("#HUYENAD").empty();
            $("#XAAD").empty();
            $("#HUYENAD").append('<option value="' + '-1' + '">' +
                 '-- Chọn Huyện --' + '</option>');
            $("#XAAD").append('<option value="' + '-1' + '">' +
                 '-- Chọn Xã --' + '</option>');
            $.ajax({
                type: 'POST',
                url: '@Url.Action("GetAdministrativeUnit1")', // we are calling json method
                headers: {
                    'VerificationToken': '@GetAntiForgeryToken()'
                },
                dataType: 'json',

                data: {
                    code: $("#TINHAD").val(),
                    level: '2'
                },
                success: function (states) {
                    $.each(states, function (i, state) {
                        $("#HUYENAD").append('<option value="' + state.Value + '">' +
                             state.Text + '</option>');
                    });

                },
                complete: function (states) {
                    $("#divLoading").hide();
                },
                error: function (ex) {
                    alert('Failed to retrieve states.' + ex);
                }
            });
            return false;
        })
        $("#HUYENAD").change(function () {
            $("#divLoading").show();
            $("#XAAD").empty();
            $("#XAAD").append('<option value="' + '-1' + '">' +
                '-- Chọn Xã --' + '</option>');
            $.ajax({
                type: 'POST',
                url: '@Url.Action("GetAdministrativeUnit1")', // we are calling json method
                headers: {
                    'VerificationToken': '@GetAntiForgeryToken()'
                },
                dataType: 'json',

                data: {
                    code: $("#HUYENAD").val(),
                    level: '3'
                },
                // here we are get value of selected country and passing same value
                //  as inputto json method GetStates.

                success: function (states) {
                    // states contains the JSON formatted list
                    // of states passed from the controller
                    $.each(states, function (i, state) {
                        $("#XAAD").append('<option value="' + state.Value + '">' +
                             state.Text + '</option>');
                        // here we are adding option for States
                    });

                },
                complete: function () {
                    $("#divLoading").hide();
                },
                error: function (ex) {
                    alert('Failed to retrieve states.' + ex);
                }
            });
            return false;
        });
    });
    function ClickButton(Next) {
        $("#divLoading").show();
        kq = $("#XAAD").val();
        if (kq == "-1") {
            kq = "";
        }
        var dataSend = {
            'HOUSEHOLD_ID': $("#HOUSEHOLD_ID").val(),
            'RESIDENT_ID': $("#RESIDENT_ID").val(),
            //'ThongTinCaNhan': {
            'ADD_DETAILS': $("#ADD_DETAILS").val(),
            'ADD_ADM_UNIT_ID': kq,
            'NEXT': Next,

        };
        var jqXHR = $.ajax({
            url: '@Url.Action("ThongTinCaNhan","Online")',
            dataType: 'html',
            cache: false,
            method: 'post',
            headers: {
                'VerificationToken': '@GetAntiForgeryToken()'
            },
            data: dataSend,
            success: function myfunctionSuccess(data, textStatus, jqXHR) {
                if (Next == "2") {
                    $('#formLogin').html(data);
                }
                else {
                    $('#loadPartial').html(data);
                }
            },
            complete: function (jqXHR, textStatus) {
                $("#divLoading").hide();
            },
            error: function (jqXHR, textStatus, errorThrown) {
                alert('Có lỗi xảy ra trong quá trình lưu thông tin: ' + errorThrown);
            },


        });
    }

</script>

<div style="font-family: Tahoma; padding-bottom: 10px; background-color: #8dd2a4;">
    @using (Html.BeginForm("SaveInfo", "CollectHouseHoldInfo", new { ReturnUrl = ViewBag.ReturnUrl }, FormMethod.Post))
    {
        <div style="background-color: #E8EDED; text-align: center; ">
            <label style="margin: 0px 10px 10px 10px; color: black; text-align: match-parent; font-size: 16px;">B. Thông tin thành viên trong hộ</label>
        </div>
   
        <table style="width: 70%; font-size: 16px; background-color: white; margin: auto;" border="1">
            <tr style="margin-top: 10px; border: 1px solid;">
                <td style="border-right: 1px solid; padding: 5px; width: 50%;">Họ tên thành viên hộ</td>
                <td style="padding: 5px;">
                    <p>
                        @Html.TextBox("HoTenThanhVien", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Họ tên thành viên hộ" })
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 1px; border: 1px solid;">
                <td style="border-right: 1px solid; padding: 5px; width: 50%;">Quan hệ với chủ hộ</td>
                <td style="padding: 5px;">
                    <p>
                        <select id="QuanHeVoiChuHo"></select>
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px; border: 1px solid;">
                <td style="border-right: 1px solid; padding: 5px;">Hiện trạng cư dân</td>
                <td style="padding: 5px;">
                    <p>
                        <select id="HienTrangCuDan"></select>
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px; border: 1px solid;">
                <td style="border-right: 1px solid; padding: 5px;">Giới tính cư dân</td>
                <td style="padding: 5px;">
                    <p>
                        <select id="GioiTinh"></select>
                    </p>
                </td>
            </tr>

            <tr style="margin-top: 10px; border: 1px solid;">
                <td style="border-right: 1px solid; padding: 5px;">Ngày sinh dương lịch</td>
                <td style="padding: 5px;">
                    <p>
                        @Html.TextBox("NgaySinhDuongLich", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Ngày sinh dương lịch" })
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px; border: 1px solid;">
                <td style="border-right: 1px solid; padding: 5px; width: 50%;">Nơi đăng ký khai sinh</td>
                <td style="padding: 5px;">
                    <p>
                        @Html.TextBox("NoiDangKyKhaiSinh", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Nơi đăng ký khai sinh", onkeydown = "return ValidateNumber(event);"})
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px; border: 1px solid;">
                <td style="border-right: 1px solid; padding: 5px;">Nơi đăng ký chi tiết</td>
                <td style="padding: 5px;">
                    <p>
                        @Html.TextBox("NoiDangKyChiTiet", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Địa chỉ chi tiết" })
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px; border: 1px solid;">
                <td style="padding: 5px;">Giấy khai sinh</td>
                <td style="padding: 5px;">
                    <p>
                        @Html.TextBox("GiayKhaiSinh", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Số giấy khai sinh" })
                    </p>
                    <p style="margin-top: 5px">
                        @Html.TextBox("QuyenKhaiSinh", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Quyển giấy khai sinh" })
                    </p>
                    <p style="margin-top: 5px">
                        @Html.TextBox("NgayCapKhaiSinh", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Ngày cấp giấy khai sinh" })
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px; border: 1px solid;">
                <td style="padding: 5px; width: 50%;">Quê quán</td>
                <td style="padding: 5px;">
                    <p>
                        @Html.TextBox("QueQuan", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Quê quán" })
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px; border: 1px solid;">
                <td style="padding: 5px;">Dân tộc</td>
                <td style="padding: 5px;">
                    <p>
                        <select id="DanToc"></select>
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px; border: 1px solid;">
                <td style="padding: 5px;">Tôn giáo</td>
                <td style="padding: 5px;">
                    <p>
                        <select id="TonGiao"></select>
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px; border: 1px solid;">
                <td style="padding: 5px;">Quốc tịch</td>
                <td style="padding: 5px;">
                    <p>
                        <select id="QuocTich"></select>
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px; border: 1px solid;">
                <td style="padding: 5px;">Thông tin giấy CMND</td>
                <td style="padding: 5px;">
                    <p>
                        @Html.TextBox("CMND", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Số CMND", maxlength = "12" })
                    </p>
                    <p style="margin-top: 5px">
                        @Html.TextBox("NgayCapCMND", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Ngày cấp CMND" })
                    </p>
                    <p style="margin-top: 5px">
                        @Html.TextBox("NoiCapCMND", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Nơi cấp CMND" })
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px; border: 1px solid;">
                <td style="padding: 5px;">Địa chỉ thường trú</td>
                <td style="padding: 5px;">
                    <p>
                        @Html.TextBox("DiaChiThuongTruChiTiet", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Địa chỉ thường trú chi tiết" })
                    </p>
                    <p style="margin-top: 5px">
                        @Html.TextBox("DiaChiThuongTru", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Địa chỉ thường trú" })
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px; border: 1px solid;">
                <td style="padding: 5px;">Thông tin sổ hộ khẩu thường trú</td>
                <td style="padding: 5px;">
                    <p>
                        @Html.TextBox("SoHoKhau", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Số sổ hộ khẩu" })
                    </p>
                    <p style="margin-top: 5px">
                        @Html.TextBox("NgayCapHoKhau", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Ngày cấp hộ khẩu" })
                    </p>
                    <p style="margin-top: 5px">
                        @Html.TextBox("NgayChuyenDenHo", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Ngày chuyển đến hộ" })
                    </p>
                    <p style="margin-top: 5px">
                        @Html.TextBox("ThuongTruTruocKhiChuyen", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Nơi thường trú trước khi chuyển" })
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px; border: 1px solid;">
                <td style="padding: 5px;">Thông tin chủ hộ trong sổ hộ khẩu</td>
                <td style="padding: 5px;">
                    <p>
                        @Html.TextBox("TenChuHo", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Tên chủ hộ" })
                    </p>
                    <p style="margin-top: 5px">
                        @Html.TextBox("NgaySinhChuHo", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Ngày sinh chủ hộ" })
                    </p>
                    <p style="margin-top: 5px">
                        <select id="DanTocChuHo"></select>
                    </p>
                    <p style="margin-top: 5px">
                        @Html.TextBox("CMNDChuHo", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "CMND chủ hộ", maxlength = "12" })
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px; border: 1px solid;">
                <td style="padding: 5px;">Nơi ở hiện tại</td>
                <td style="padding: 5px;">
                    <p>
                        @*@Html.TextBox("DiaChiNoiOHienTai", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Địa chỉ chi tiết nơi ở hiện tại" })*@
                        @Html.TextBoxFor(m => m.ADD_DETAILS, new { @class = "form-control", MaxLength = 255, @title = @Html.ToolTipMessageFor(m => m.ADD_DETAILS) })
                    </p>
                    <p style="margin-top: 5px;">
                        @Html.DropDownList("TINHAD", ViewData["DISTRICT_CODE"] as List<SelectListItem>, new { @class = "form-control", @title = @Html.ToolTipMessageFor(m => m.thongTinCaNhan.TINHAD) })
                        @Html.DropDownList("HUYENAD", new SelectList(string.Empty, "Value", "Text"), new { @class = "form-control", @title = @Html.ToolTipMessageFor(m => m.thongTinCaNhan.HUYENAD) })
                        @Html.DropDownList("XAAD", new SelectList(string.Empty, "Value", "Text"), new { @class = "form-control", @title = @Html.ToolTipMessageFor(m => m.thongTinCaNhan.XAAD) })
                        @*@Html.TextBox("XaPhuongNoiOHienTai", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Xã phường nơi ở hiện tại" })*@
                    </p>
                </td>
            </tr>

            <tr style="margin-top: 10px; border: 1px solid;">
                <td style="padding: 5px;">Thông tin hộ chiếu</td>
                <td style="padding: 5px;">
                    <p>
                        <select id="LoaiHoChieu"></select>
                    </p>
                    <p style="margin-top: 5px;">
                        @Html.TextBox("NgayCapHoChieu", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Ngày cấp hộ chiếu" })
                    </p>
                    <p style="margin-top: 5px;">
                        @Html.TextBox("NoiCapHoChieu", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Nơi cấp hộ chiếu" })
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px; border: 1px solid;">
                <td style="padding: 5px;">Trình độ học vấn<br>Các chữ viết tắt<br>THCS - Trung học Cơ sở<br>THPT - Trung học phổ thông<br>CN - Chuyên nghiệp</td>
                <td style="padding: 5px;">
                    <p>
                        <select id="TrinhDoHocVan"></select>
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px; border: 1px solid;">
                <td style="padding: 5px;">Trình độ chuyên môn kỹ thuật<br>Các chữ viết tắt<br>CN - Chuyên nghiệp</td>
                <td style="padding: 5px;">
                    <p>
                        <select id="TrinhDoKyThuat"></select>
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px; border: 1px solid;">
                <td style="padding: 5px;">Tình trạng việc làm</td>
                <td style="padding: 5px;">
                    <p>
                        <select id="TinhTrangViecLam"></select>
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px; border: 1px solid;">
                <td style="padding: 5px;">Thông tin công việc</td>
                <td style="padding: 5px;">
                    <p>
                        <select id="ThongTinNgheNghiep"></select>
                    </p>
                    <p style="padding-top: 5px;">
                        @Html.TextBox("NoiLamViec", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Cơ quan, nơi làm việc" })
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px; border-top: 1px solid;">
                <td style="padding: 5px 5px 0px 5px;" colspan="2">Thông tin y tế</td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 0px 5px;">Nhóm máu</td>
                <td style="padding: 5px;">
                    <p>
                        <select id="NhomMau"></select>
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 0px 5px;">Bệnh hiểm nghèo</td>
                <td style="padding: 5px;">
                    <p>
                        <select id="BenhHiemNgheo"></select>
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px;">Tình trạng khuyết tật</td>
                <td style="padding: 5px;">
                    <p>
                        <select id="KhuyetTat"></select>
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px; border-top: 1px solid;">
                <td style="padding: 5px 5px 0px 5px;" colspan="2">Thông tin Bảo hiểm</td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 0px 15px;">Bảo hiểm xã hội</td>
                <td style="padding: 5px;">
                    <p>
                        <select id="BHXH"></select>
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 0px 15px;">Bảo hiểm thất nghiệp</td>
                <td style="padding: 5px;">
                    <p>
                        <select id="BHTN"></select>
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 5px 15px;">Bảo hiểm y tế</td>
                <td style="padding: 5px;">
                    <p>
                        <select id="BHYT"></select>
                    </p>
                </td>
            </tr>

            @* thong tin gia dinh *@
            <tr style="margin-top: 10px; border-top: 1px solid;">
                <td style="padding: 10px 0px 10px 5px;" colspan="2">Thông tin cha</td>
            </tr>
            <tr style="margin-top: 10px; border-top: 1px solid;">
                <td style="padding: 5px 5px 0px 5px;">Họ tên cha</td>
                <td>
                    <p style="margin-top: 5px;">
                        @Html.TextBox("HoTenCha", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Họ tên cha" })
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 0px 5px;">Ngày sinh cha</td>
                <td>
                    <p style="margin-top: 5px;">
                        @Html.TextBox("NgaySinhCha", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Ngày sinh cha" })
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 5px 5px;">Dân tộc cha</td>
                <td>
                    <p>
                        <select id="DanTocCha"></select>
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 5px 5px;">Quốc tịch cha</td>
                <td>
                    <p>
                        <select id="QuocTichCha"></select>
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 5px 5px;">CMND cha</td>
                <td style="padding: 0px 0px 5px 0px;">
                    <p>
                        @Html.TextBox("CMNDCha", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "CMND cha", onkeydown = "return ValidateNumber(event);", maxlength = "12" })
                    </p>
                </td>
            </tr>
            @* thong tin me *@
            <tr style="margin-top: 10px; border-top: 1px solid;">
                <td style="padding: 10px 0px 10px 5px;" colspan="2">Thông tin mẹ</td>
            </tr>
            <tr style="margin-top: 10px; border-top: 1px solid;">
                <td style="padding: 5px 5px 0px 5px;">Họ tên mẹ</td>
                <td>
                    <p style="margin-top: 5px;">
                        @Html.TextBox("HoTenMe", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Họ tên mẹ" })
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 0px 5px;">Ngày sinh mẹ</td>
                <td>
                    <p style="margin-top: 5px;">
                        @Html.TextBox("NgaySinhMe", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Ngày sinh mẹ" })
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 5px 5px;">Dân tộc mẹ</td>
                <td>
                    <p>
                        <select id="DanTocMe"></select>
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 5px 5px;">Quốc tịch mẹ</td>
                <td>
                    <p>
                        <select id="QuocTichMe"></select>
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 5px 5px;">CMND mẹ</td>
                <td style="padding: 0px 0px 5px 0px;">
                    <p>
                        @Html.TextBox("CMNDMe", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "CMND mẹ", onkeydown = "return ValidateNumber(event);", maxlength = "12" })
                    </p>
                </td>
            </tr>
            @* thong tin nguoi dai dien *@
            <tr style="margin-top: 10px; border-top: 1px solid;">
                <td style="padding: 10px 0px 10px 5px;" colspan="2">Thông tin người đại diện</td>
            </tr>
            <tr style="margin-top: 10px; border-top: 1px solid;">
                <td style="padding: 5px 5px 5px 5px;">Loại người đại diện</td>
                <td>
                    <p>
                        <select id="LoaiNDD"></select>
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 0px 5px;">Họ tên người đại diện</td>
                <td>
                    <p style="margin-top: 5px;">
                        @Html.TextBox("HoTenNDD", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Họ tên người đại diện" })
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 0px 5px;">Ngày sinh người đại diện</td>
                <td>
                    <p style="margin-top: 5px;">
                        @Html.TextBox("NgaySinhNDD", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Ngày sinh người đại diện" })
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 5px 5px;">Dân tộc người đại diện</td>
                <td>
                    <p>
                        <select id="DanTocNDD"></select>
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 5px 5px;">Quốc tịch người đại diện</td>
                <td>
                    <p>
                        <select id="QuocTichNDD"></select>
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 5px 5px;">CMND người đại diện</td>
                <td style="padding: 0px 0px 5px 0px;">
                    <p>
                        @Html.TextBox("CMNDNDD", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "CMND người đại diện", onkeydown = "return ValidateNumber(event);", maxlength = "12" })
                    </p>
                </td>
            </tr>
            @* thong tin hon nhan *@
            <tr style="margin-top: 10px; border-top: 1px solid;">
                <td style="padding: 10px 0px 10px 5px;" colspan="2">Tình trạng hôn nhân</td>
            </tr>
            <tr style="margin-top: 10px; border-top: 1px solid;">
                <td style="padding: 5px 5px 5px 5px;">Tình trạng hôn nhân</td>
                <td>
                    <p>
                        <select id="TinhTrangHonNhan"></select>
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 0px 5px;">Họ tên vợ/ chồng</td>
                <td>
                    <p style="margin-top: 5px;">
                        @Html.TextBox("HoTenVoChong", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Họ tên vợ/ chồng" })
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 0px 5px;">Ngày sinh vợ/ chồng</td>
                <td>
                    <p style="margin-top: 5px;">
                        @Html.TextBox("NgaySinhVoChong", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Ngày sinh vợ/ chồng" })
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 5px 5px;">Dân tộc vợ/ chồng</td>
                <td>
                    <p>
                        <select id="DanTocVoChong"></select>
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 5px 5px;">Quốc tịch vợ/ chồng</td>
                <td>
                    <p>
                        <select id="QuocTichVoChong"></select>
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 5px 5px;">CMND vợ/ chồng</td>
                <td style="padding: 0px 0px 5px 0px;">
                    <p>
                        @Html.TextBox("CMNDVoChong", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "CMND vợ/ chồng", onkeydown = "return ValidateNumber(event);", maxlength = "12" })
                    </p>
                </td>
            </tr>

            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 5px 5px;">Số/ quyển sổ Giấy chứng nhận đăng ký kết hôn</td>
                <td style="padding: 0px 0px 5px 0px;">
                    <p>
                        @Html.TextBox("SoDangKyKetHon", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Số/ quyển sổ Giấy chứng nhận đăng ký kết hôn", maxlength = "20" })
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 5px 5px;">Ngày đăng ký kết hôn</td>
                <td style="padding: 0px 0px 5px 0px;">
                    <p>
                        @Html.TextBox("NgayDangKyKetHon", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Ngày đăng ký kết hôn", maxlength = "10" })
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 5px 5px;">Nơi đăng ký kết hôn</td>
                <td style="padding: 0px 0px 5px 0px;">
                    <p>
                        @Html.TextBox("NoiDangKyKetHon", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Tỉnh/ thành, Quận/ huyện, Phường/ xã nơi đăng ký kết hôn", onkeydown = "return ValidateNumber(event);", maxlength = "255" })
                    </p>
                </td>
            </tr>

            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 5px 5px;">Số quyết định ly hôn</td>
                <td style="padding: 0px 0px 5px 0px;">
                    <p>
                        @Html.TextBox("SoQuyetDinhLyHon", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Số quyết định ly hôn", maxlength = "20" })
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 5px 5px;">Ngày quyết định ly hôn</td>
                <td style="padding: 0px 0px 5px 0px;">
                    <p>
                        @Html.TextBox("NgayDangKyKetHon", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Ngày quyết định ly hôn", maxlength = "10" })
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 5px 5px;">Cấp tòa án công nhận ly hôn</td>
                <td style="padding: 0px 0px 5px 0px;">
                    <p>
                        <input type="radio" name="CapToaAn" value="TU">Trung ương
                        <input type="radio" name="CapToaAn" value="Tinh">Tỉnh
                        <input type="radio" name="CapToaAn" value="Huyen">Huyện
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 5px 5px;">Tên tòa án công nhận ly hôn</td>
                <td style="padding: 0px 0px 5px 0px;">
                    <p>
                        @Html.TextBox("TenToaAn", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Tên tòa án công nhận ly hôn", maxlength = "255" })
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px; border-top: 1px solid;">
                <td style="padding: 10px 0px 10px 5px;" colspan="2">Thông tin chết/ mất tích</td>
            </tr>
            <tr style="margin-top: 10px; border-top: 1px solid;">
                <td style="padding: 5px 5px 5px 5px;">Ngày chết</td>
                <td style="padding: 5px 0px 5px 0px;">
                    <p>
                        @Html.TextBox("NgayChet", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Ngày tháng năm mất", maxlength = "10" })
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 5px 5px;">Nguyên nhân chết</td>
                <td style="padding: 0px 0px 5px 0px;">
                    <p>
                        <select id="NguyenNhanMat"></select>
                    </p>
                </td>
            </tr>
            <tr style="margin-top: 10px;">
                <td style="padding: 5px 5px 5px 5px;">Ngày mất tích</td>
                <td style="padding: 0px 0px 5px 0px;">
                    <p>
                        @Html.TextBox("NgayMatTich", "", new { @class = "form-control form-control-add  input-sm ", placeholder = "Ngày tháng năm mất tích", maxlength = "10" })
                    </p>
                </td>
            </tr>
        </table>
        <div>
            @Html.HiddenFor(model => model.thongTinCaNhan.RESIDENT_ID)
            @Html.HiddenFor(model => model.thongTinCaNhan.HOUSEHOLD_ID)
            @Html.HiddenFor(model => model.thongTinCaNhan.CODE)
        </div>
        <div style="text-align: center; margin-top: 10px; margin-bottom: 10px; ">
            <input name="bntLogin" type="button" id="bntLogin" style="cursor: pointer" class="myButton btn btn-default" value="Lưu thông tin cư dân" />
        </div>
    }
</div>